/*-----------------------------------------------------------------------------
site.no generic style

author:		Gerhard Sletten
website:	http://www.gersh.no
colors:		#222 		Main gray
			#73BE1E		Happy green
			#00A0C6		Sweet blue
			#FFFFB3		Lght yllw
			#eee		Light gray
			#ddd		Border gray
			
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typo3.css");
@import url("core.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ font: 13px/130% Arial, Helvetica, sans-serif; color: #222; background: #fff; }

h1, h1 a, h2, h2 a, h3, h3 a { color: #00A0C6;}
#primary h1:first-child,
#secondary h3:first-child { margin-top: 0;}

/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper {  }
#header, 
#content_wrapper 	{ padding: 0 5%; }
#header 			{ position:relative; border-top: 4px solid #ddd; height: 144px; /*background: url(../images/image.jpg) repeat-x;*/}
#header h1#logo 	{ }
#header h1#logo a,
#header h1#logo a:hover {display: block; margin-top: 50px; width: 416px; height: 70px; text-decoration: none; color: #00A0C6; font-size: 36px; }
/*#header h1#logo a {display: block; margin-top: 49px; width: 416px; height: 70px; 	background: url(../images/logo.gif) no-repeat; text-indent:-900px; overflow:hidden;}*/

#header #description { position: absolute; top: 80px; right: 5%; width: 200px; height: 50px; z-index: 14; font-style:italic; font-size: 120%; text-align: right; color: #ccc;}
/*#header #description {	background: none url(../images/image.png) no-repeat; text-indent:-900px; overflow:hidden;}*/

#menu 				{ background: #222; margin-bottom: 2px;}
#submenu 			{ background: #444;}
#content_wrapper 	{ position:relative; z-index: 0; margin-top: 10px; border-top: 1px solid #fff; /*IE 6 Hack */ }

/* If you don't want to use image replace here
#breadcrumb .information,
#breadcrumb p {display: inline; font-size: 100%; color: #888; *padding-right: 5px; }
*/
#breadcrumb .information { display:none;}
#breadcrumb p 		{ margin: 0 15px; font-size: 100%; color: #888; }
#breadcrumb 		{ background: #ffffff url(../images/bull-globe.gif) no-repeat left center;}

#breadcrumb,
#primary 			{ margin: 0 230px 15px 0px; }
#primary 			{ min-height: 400px; height: expression( this.scrollHeight > 401 ? "400px" : "auto" ); /* sets max-height for IE */ }
#secondary 			{ position: absolute; top: 0px; right: 5%; width:200px; border: 1px solid #ddd; background: #eee; padding: 5px 0 15px; }

#footer 			{ clear:both;  padding: 1em; }
#footer p 			{ text-align: center; font-size: 11px; color: #888; line-height: 1;}
#footer a 			{ color: inherit; text-decoration:none; }


/* =Menu
-----------------------------------------------------------------------------*/
#menu .information,
#submenu .information {display:none;}

#menu ul,
#submenu ul 			{ overflow:hidden; width:90%; margin:0 auto; ; /* Center of page */}

#menu ul li,
#submenu ul li 		{ display: inline; }

#menu ul li a,
#submenu ul li a  		{ font-size: 120%; text-decoration: none; font-weight: bold; color: #00A0C6; margin: 0 6px; 
	display: block; float: left; padding: 6px;}
#submenu ul li a  		{ margin-top: 20px; }

#menu ul li a:hover,
#submenu ul li a:hover { color: #fff; }

#menu ul li.selected a,
#submenu ul li.selected a { color: #fff; border-top: 2px solid #fff; }
#submenu ul li.selected a { border-top: 1px solid #333;border-bottom: 2px solid #fff; }

/* =Submenu
-----------------------------------------------------------------------------*/
